<template>
  <div id="app">
    <keep-alive>
      <router-view
        v-if="$route.meta.keepAlive"
        :key="$router.currentRoute.fullPath"
      ></router-view>
    </keep-alive>
    <router-view
      v-if="!$route.meta.keepAlive"
      :key="$router.currentRoute.fullPath"
    ></router-view>
    <div class="fix-bottom"></div>
    <app-tab-bar v-if="$route.meta.showTab"></app-tab-bar>
  </div>
</template>
<script>
import AppTabBar from './components/AppTabBar/AppTabBar.vue'
import * as THREE from 'three'
export default {
  components: {
    AppTabBar,
  },
}
</script>
<style scoped>
#app {
  /* max-width: 460px; */
  margin: 0 auto;
  user-select: none;
  font-size: 0.16rem;
}
.fix-bottom {
  position: fixed;
  left: 0;
  bottom: 0;
}
</style>
